<template>
	<div class="app">
		<h1>我是App组件</h1>
		<Son ref="s1" @get-car="saveCar" @get-house="saveHouse" @click="test"></Son>
	</div>
</template>

<script>
	import Son from './components/Son.vue'

	export default {
		name:'App',
		components:{Son},
		methods: {
			saveCar(value){
				alert(value)
			},
			saveHouse(value){
				alert(value)
			},
			test(){
				alert('你点了')
			}
		},

		//可以在mounted钩子中，使用$on去绑定事件
		/* mounted() {
			this.$refs.s1.$on('get-car',this.saveCar)
		}, */
	}
</script>

<style>
	.app{
		background-color: gray;
		padding: 20px;
	}
</style>